<template>
	<div style="overflow: hidden;">
		<div style="float: left;">
			<MyProduct v-for="(obj, ind) in list" :key="obj.id" :title="obj.proname" :price="obj.proprice"
				:intro="obj.info" :index="ind" @subprice="fn"></MyProduct>
		</div>
		<div style="float: left;">
			<List></List>
		</div>
	</div>
</template>

<script>
	import MyProduct from "./components/MyProduct_sub";
	import List from "./components/List";
	export default {
		data() {
			return {
				list: [{
						id: 1,
						proname: "超级好吃的棒棒糖",
						proprice: 18.8,
						info: "开业大酬宾, 全场8折",
					},
					{
						id: 2,
						proname: "超级好吃的大鸡腿",
						proprice: 34.2,
						info: "好吃不腻, 快来买啊",
					},
					{
						id: 3,
						proname: "超级无敌的冰激凌",
						proprice: 14.2,
						info: "炎热的夏天, 来个冰激凌了",
					},
				],
			};
		},
		components: {

		},
		methods: {
			fn(inde, price) {
				this.list[inde].proprice > 1 &&
					(this.list[inde].proprice = (this.list[inde].proprice - price).toFixed(
						2
					));
			},
		},
	};
</script>

<style>
</style>
